/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 */

import React, { Component } from 'react';
import {
    AppRegistry,
    StyleSheet,
    Text,
    View,
    ScrollView,
    AlertIOS
} from 'react-native';
var LazyMineCell = require('./LazyMineCell');
var LazyMineTop = require('./LazyMineTop');
var TopBanner = require('../Comment/TopBanner');
var LazyMine = React.createClass({
    render() {
        return (
            <View style={styles.container}>

                <View style={{position:'absolute',top:0,zIndex:1000}}>
                    <TopBanner
                        leftIcon="back"
                        backgroundColor="transparent"
                    />
                </View>
                <ScrollView
                    contentInset={{top:-200}}
                    contentOffset={{y:200}}
                >
                    {/*导航*/}
                    {/*头部*/}
                    <LazyMineTop/>
                <View style={{marginTop:20}}>
                    <LazyMineCell
                        title='收藏夹'
                        leftIcon = 'favorites'
                    />
                    <LazyMineCell
                        title='我的订单'
                        leftIcon = 'order'
                    />
                </View>
                    <View style={{marginTop:10}}>
                    <LazyMineCell
                        title='我的足迹'
                        leftIcon = 'footprint'
                    />
                        <LazyMineCell
                            title='私信'
                            leftIcon = 'mail'
                        />
                    </View>
                    <View style={{marginTop:10}}>
                        <LazyMineCell
                            title='设置'
                            leftIcon = 'setting'
                        />
                        <LazyMineCell
                            title='意见反馈'
                            leftIcon = 'opinion'
                        />
                    </View>
                    <View style={{marginTop:10}}>
                        <LazyMineCell
                            title='分享APP'
                            leftIcon = 'share'
                        />
                        <LazyMineCell
                            title='关于懒人游'
                            leftIcon = 'about'
                        />
                    </View>
                </ScrollView>
            </View>
        );
    }
});
const styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: '#e7fdff',
        position:'relative'
    },
    welcome: {
        fontSize: 20,
        textAlign: 'center',
        margin: 10,
    }
});
module.exports = LazyMine;